<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/xiaomi.css" />
		<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
		<script src="js/xiaomi.js"></script>
		
	</head>

	<body>
		<div id="header">
			<div id="h-center">
				<ul class="u-left">
					<li><a href="#">小米网</a></li>
					<li><a href="#">MIUI</a></li>
					<li><a href="#">米聊</a></li>
					<li><a href="#">游戏</a></li>
					<li><a href="#">多看阅读</a></li>
					<li><a href="#">云服务</a></li>
					<li><a href="#">小米网移动版</a></li>
					<li><a href="#">问题反馈</a></li>
					<li id="li01"><a href="#">SelectRegion</a></li>
				</ul>
				
				<div id="shop-car">
					<a href="#" id="shop-car-info">
						<i class="yitao">&#xe65a;</i>
						购物车(0)
					</a>
					<div id="shop-car-list">购物车中还没有商品，赶紧选购吧</div>
				</div>
				<div id="user-interact">
					<a href="#">登录</a><span>|</span>
					<a href="#">注册</a>
					
				</div>
			</div>
		</div>
		
		<div id="nav">			
				<h1>
					<img src="images/mi.png"/>
				</h1>
				<h1>
					<img src="images/haidaoquannew.gif"/>				
				</h1>
				<div id="head">
					<ul id="ull">
						<li><a href="#">小米手机</a></li>
						<li><a href="#">红米</a></li>
						<li><a href="#">平板</a></li>
						<li><a href="#">电视</a></li>
						<li><a href="#">盒子 影音</a></li>
						<li><a href="#">路由器</a></li>
						<li><a href="#">智能软件</a></li>
					</ul>	
					<div id="service">
						<a href="#">服务</a>
						<a href="#">社区</a>
					</div>
				</div>
				<div id="n-right">
					<input type="text" id="tex" />
					<a href="#" id="search"><i class="iconfont1">&#xe699;</i></a>
					<div id="search-notice"><a href="javascript:;" target="_blank">红米3S</a><a href="javascript:;" target="_blank">小米手环2</a></div>
					<ul id="ull02">			
						<li><a href="#">手机1<span>约有11件</span></a></li>
						<li><a href="#">手机2<span>约有112件</span></a></li>
						<li><a href="#">手机3<span>约有113件</span></a></li>
						<li><a href="#">手机4<span>约有31件</span></a></li>
						<li><a href="#">手机5<span>约有31件</span></a></li>
						<li><a href="#">手机6<span>约有32件</span></a></li>
						<li><a href="#">手机7<span>约有112件</span></a></li>
						<li><a href="#">手机8<span>约有12件</span></a></li>
						<li><a href="#">手机9<span>约有31件</span></a></li>
						<li><a href="#">手机10<span>约有16件</span></a></li>
					</ul>
				</div>					
		</div>
		
		
		<div id="nav-menu-wrap">
			<div id="nav-menu">
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/1.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/2.jpg" alt=""></a>
						<a href="javascript:;">小米手机5</a>
						<p>1499起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/3.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/4.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/5.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/6.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/7.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/8.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/9.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/10.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/11.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/12.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/13.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/14.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/15.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>1999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/16.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/17.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/18.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/19.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/20.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/21.png" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/22.png" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/23.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/24.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/25.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/26.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/27.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
				</ul>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="images/28.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/29.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/30.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/31.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/32.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
					<li>
						<a href="javascript:;"><img src="images/33.jpg" alt=""></a>
						<a href="javascript:;">小米MAX</a>
						<p>4999起</p>
					</li>
				</ul>
			</div>
		</div>
		
			<div id="content">			
				<ul id="ul01">
					<li><a href="#">手机 平板 电话卡</a></li>
					<li><a href="#">电视 盒子</a></li>
					<li><a href="#">路由器 智能硬件</a></li>
					<li><a href="#">移动电源 插线板</a></li>
					<li><a href="#">耳机 音响</a></li>
					<li><a href="#">电池 存储卡</a></li>
					<li><a href="#">保护套 后盖</a></li>
					<li><a href="#">贴膜 其他配件</a></li>
					<li><a href="#">米兔 服装</a></li>
					<li><a href="#">箱包 其他周边</a></li>
				</ul>
				<div id="div">
					<div id="c-right">
						<ul id="ul02">
							<li><a href="#" ><img src="images/banner_1.jpg" class="active" /></a></li>
							<li><a href="#"><img src="images/banner_2.jpg"/></a></li>
							<li><a href="#"><img src="images/banner_3.jpg"/></a></li>
							<li><a href="#"><img src="images/banner_4.jpg"/></a></li>
							<li><a href="#"><img src="images/banner_5.jpg"/></a></li>
						</ul>
						<div id="tubiao">
							<a href="#" id="pre">&lt;</a><a href="#" id="next">&gt;</a>								
						</div>
						<div id="btn-list">
							<a href="javascript:;" class="active"></a>
							<a href="javascript:;"></a>
							<a href="javascript:;"></a>
							<a href="javascript:;"></a>
							<a href="javascript:;"></a>
						</div>
					</div>	
				</div>
				<div id="c-list">

					<div id="c-list-center">
					<ul>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
						<li><a href="#"><img src="images/c-1.jpg"/><b>小米手机</b><span>选购</span></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/><b>小米手机</b></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>			
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>							
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>							
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-1.jpg"/>小米手机</a></li>												
					</ul>
					<ul>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>				
						<li><a href="#"><img src="images/c-2.jpg"/>小米手机</a></li>
					</ul>
				</div>
			</div>
			</div>

	</body>

</html>